<!doctype html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>email</title>
</head>
<body th:fragment="changeEmail">
<div class="tab-content">
    <div class="tab-pane active" id="email_one">
        <form action="#" method="post" class="form-horizontal top">
            <div class="form-group">
                <div class="col-md-9 col-md-offset-3 ">
                    验证码将发送到<span id="mail">109****</span>邮箱
                </div>
            </div>
            <div class="form-group">
                <label for="email" class="col-md-2 col-md-offset-2 control-label text-right">验证码：</label>
                <div class="input-group col-md-4">
                    <input type="text" name="email" id="email" placeholder="请填写验证码" class="form-control"/>
                    <span class="input-group-addon">
										<span><a href="#" class="">获取验证码</a></span>
									</span>
                </div>
            </div>
            <div class="col-md-offset-5">
                <a href="#email_two" class="btn btn-danger" data-toggle="tab">下一步</a>
            </div>
        </form>
    </div>
    <div class="tab-pane" id="email_two">
        <form action="#" method="post" class="form-horizontal top">
            <div class="form-group">
                <div class="col-md-9 col-md-offset-3 ">
                    修改绑定邮箱
                </div>
            </div>
            <div class="form-group">
                <label for="email" class="col-md-2 col-md-offset-2 control-label">邮&nbsp;&nbsp;&nbsp;&nbsp;箱：</label>
                <div class="input-group col-md-4">
                    <input type="text" name="email" placeholder="请填写邮箱" class="form-control"/>
                </div>
            </div>
            <div class="form-group">
                <label for="valid" class="col-md-2 col-md-offset-2 control-label">验证码：</label>
                <div class="input-group col-md-4">
                    <input type="text" name="valid" id="valid" placeholder="请填写验证码" class="form-control"/>
                    <span class="input-group-addon">
										<span><a href="#" class="">获取验证码</a></span>
									</span>
                </div>
            </div>
            <div class="col-md-offset-5">
                <a href="#email_one" class="btn btn-danger" data-toggle="tab">上一步</a>
                <a href="#" class="btn btn-danger" data-toggle="tab">提&nbsp;交</a>
            </div>
        </form>
    </div>
</div>
</body>
</html>
